<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="input-group">
                <span class="input-group-addon">活动类型</span>
                <input type="text" ng-model="query.type" class="form-control" placeholder="1人数；2时间；3奖池">
            </div>
        </div>
        <div class="col-md-3">
            <div class="input-group">
                <span class="input-group-addon">币种类型</span>
                <input type="text" ng-model="query.btype" class="form-control" placeholder="0比特币1ETH">
            </div>
        </div>
        <div class="col-md-3">
            <div class="input-group">
                <span class="input-group-addon">是否开奖</span>
                <input type="text" ng-model="query.actstatus" class="form-control" placeholder="0未开奖，1已开奖">
            </div>
        </div>
        <div class="col-md-3">
            <div class="input-group">
                <span class="input-group-addon">活动热度</span>
                <input type="text" ng-model="query.hot" class="form-control" placeholder="1热门;2普通">
            </div>
        </div>
    </div>
    <br>
    <div class="row">
       
        <div class="col-md-3">
            <button class="btn btn-primary" ng-click="collect.search()">搜索</button>
            <button class="btn btn-primary" ng-click="collect.reset()">重置</button>
        </div>
        <div class="col-md-3">
            
        </div>
        <div class="col-md-3">
            
        </div>
    </div>   
    <br>
    <div class="row">
        <div class="col-md-12">
            <table class="table">
                <tr>
                    <td>活动名称</td>
                    <td>活动类型</td>
                    <td>币种    </td>
                    <td>是否开奖</td>
                    <td>活动状态</td>
                    <td>热度</td>
                    <td>操作</td>
                </tr>
                <tr ng-repeat="post in postList">
                    <td>{{post.name}}</td>
                    <td>{{post.type | hometype}}</td>
                    <td>{{post.btype | btype}}</td>
                    <td>{{post.actstatus | actstatus}}</td>
                    <td>{{post.isend | isend}}</td>
                    <td>{{post.hot | hot}}</td>
                    <td>
                        <button class="btn btn-primary" ng-click="detail(post)">
                            详情
                        </button>
                        </td>
                </tr>
            </table>
        </div>
    </div>

    <div class="row">
        <div class="col-md-2">当前页：{{query.pages + 1}}，总页数：{{query.totalPages}}</div>
        <div class="col-md-8" style="text-align: center;">
            <nav aria-label="Page navigation">
                <ul class="pagination pagination-lg">
                    <li>
                      <a ng-click="collect.prePage()">
                        <span aria-hidden="true">&laquo;</span>
                      </a>
                    </li>
                    <li ng-show="collect.showPage(0)"><a>{{collect.showPageVal(1)}}</a></li>
                    <li ng-show="collect.showPage(1)"><a>{{collect.showPageVal(2)}}</a></li>
                    <li ng-show="collect.showPage(2)"><a>{{collect.showPageVal(3)}}</a></li>
                    <li ng-show="collect.showPage(3)"><a>{{collect.showPageVal(4)}}</a></li>
                    <li ng-show="collect.showPage(4)"><a>{{collect.showPageVal(5)}}</a></li>
                    <li>
                        <a ng-click="collect.nextPage()">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav> 
        </div>
        <div class="col-md-2"></div>
    </div>  
</div>